<%--
  Created by IntelliJ IDEA.
  User: LSK
  Date: 2022/11/28
  Time: 13:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
  <title>登录</title>
  <style>
    *{
      margin: 0;
      padding: 0;
    }
    body{
      background-image: url(${pageContext.request.contextPath}/images/sea.jpg);
    }

    .main{
      width: 450px;
      height: 450px;
      margin: auto;
      margin-top: 100px;
      background-color:white;
      /* 透明度 */
      opacity: 0.7;
      border-radius: 10px;
    }
      .main{
        width: 450px;
        height: 450px;
          margin: auto;
          margin-top: 100px;
        background-color:white;
        /* 透明度 */
        opacity: 0.7;
        border-radius: 10px;
      }

    .login_title{
      width: 100%;
      height: 60px;
      line-height: 60px;
      text-align: center;  /*文字居中*/
      border-bottom: 1px solid rgb(173, 173, 173);
    }
    /* 登录表单 */
    .main form {
      width: 100%;
      height: 350px;
      margin-top: 50px;

    }

    .main form ul{
      list-style: none;
      width: 100%;
      height: 100%;
    }

    .main form ul li{
      width: 100%;
      height: 50px;

      margin-bottom: 20px;
      line-height: 50px;
    }

    .main form ul li label{
      display: block;
      float: left;
      width: 100px;
      font-size: 14px;
      text-align: right;
    }
    .customerIpt{
      width: 280px;
      height: 30px;
      border-radius: 4px; /*圆角*/
      border: 1px solid rgb(175, 173, 173);
      outline: none;
      padding-left: 10px;
    }
    .loginBtn{
      width: 100px;
      height: 40px;
      background-color: rgb(44, 43, 43);
      color: white;
      border: none;  /*去除边框*/
      margin-left: 180px;
      cursor: pointer;
    }
    .sign-in{
      margin-left: 145px;
      margin-bottom: 50px;
    }
      .main form ul li label{
        display: block;
        float: left;
        width: 100px;
        font-size: 14px;
        text-align: right;
      }
      .customerIpt{
        width: 280px;
        height: 30px;
        border-radius: 4px; /*圆角*/
        border: 1px solid rgb(175, 173, 173);
        outline: none;
        padding-left: 10px;
      }
      .loginBtn{
        width: 100px;
        height: 40px;
        background-color: rgb(44, 43, 43);
        color: white;
        border: none;  /*去除边框*/
        margin-left: 180px;
        cursor: pointer;
      }
        .sign-in{
            margin-left: 145px;
            margin-bottom: 50px;
        }

  </style>
</head>
<body>
<div class="main">
  <h3 class="login_title">用户登录</h3>
  <form action="${pageContext.request.contextPath}/customer/login" method="get">
    <ul>
      <li><label>用户名: </label><input type="text" name="name" class="customerIpt" placeholder="输入用户名" value="${cookie.name.value}"></li>
      <li><label>密码:</label> <input type="password" name="pwd" class="customerIpt" placeholder="输入密码" value="${cookie.pwd.value}"></li>
      <label style="color: red ;margin-left: 162px" >${msg}</label>
      <li>
        <label style="float: right !important;margin-right:55px ">
          <c:if test="${ not empty cookie.name and not empty cookie.pwd}">
            <input type="checkbox" name="ok" value="0" onclick="this.value=0?false:true" title="记住密码" checked>
          </c:if>
          <c:if test="${empty cookie.name or empty cookie.pwd}">
            <input type="checkbox" name="ok" value="0" onclick="this.value=0?false:true" title="记住密码">
          </c:if>
          记住密码
        </label>
      </li>
      <li> <input type="submit" value="登录" class="loginBtn"></li>
      <a href="http://localhost:8080/demo/sign_in.jsp" class="sign-in">还没有账号?点这里注册</a>
    </ul>
  </form>
</div>
</body>
</html>
